$(function () {
  // 1.需求1：定义校验规则
  let form = layui.form
  form.verify({
    nickname: [
      /^[\S]{1,10}$/
      , '昵称的长度为1-10的非空字符串'
    ]
  })

  // 2.需求2：渲染用户信息——封装成函数，后面还要用
  // 函数不调用，不执行

  let layer = layui.layer
  initUserInfo()
  function initUserInfo() {
    axios({
      url: '/my/userinfo',
      method: 'get',

    }).then(res => {
      //成功回调
      // console.log(res)
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }
      form.val("formUserInfo", res.data.data)
    });
  }

  // 需求3：重置功能
  $("#btnReset").on("click", function (e) {
    // 阻止表单默认重置行为
    e.preventDefault()
    // 重置渲染表单
    initUserInfo()
  })


  // 需求4：修改用户信息
  $("form").on("submit", function (e) {
    e.preventDefault()
    axios({
      url: '/my/userinfo',
      method: 'post',
      data: $(this).serialize(),

    }).then(res => {
      //成功回调
      console.log(res)
      if (res.data.status != 0) {
        return layer.msg(res.data.message)
      }
      // 成功：提示
      layer.msg("恭喜你，修改用户信息成功")
      // 直接调用无效，因为不是一个window对象
      window.parent.getUserInfo()
    });
  })
})